<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="multipart/form-data; charset=utf-8" />
    <title>灵感库</title>
    <link rel="stylesheet" type="text/css" href="css/z-UI.tab.css"/>

    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery-table/jquery.table.js"></script>
    <link rel="stylesheet" href="js/jquery-table/css/jquery-table-default.css" />
    <link rel="stylesheet" href="js/jquery-table/css/jquery-table-admin.css" />
    <script type="text/javascript" src="js/jquery-table/jsrender.js"></script>

    <style>
		html,body{
            width: 100%;height: 100%;
            margin:0;background-color: white;
        }
        .zUI-bar .content .wrap { padding: 10px }
        .button { padding: 2px 10px; }
        .zUI-bar input{ padding: 5px  }

        .tagTableP { padding: 10px 5px; }
    </style>

</head>
<body  >
    <div style="width: 100%;overflow-y: auto;box-sizing: border-box;padding: 30px;display: inline-flex">
        <div style="margin: 5px;">
            <div class="zUI-bar line md" id="tab1">
                <div class="bar-box">
                    <div class="nav "  onclick="location.href = '/index.html'">
                        内容展示
                    </div>
                    <div class="nav active" onclick="location.href = '/tag.html'">
                        标签管理
                    </div>
                    <div class="nav" onclick="location.href = '/category.html'">
                        分类管理
                    </div>
                    <div class="nav" onclick="location.href = '/content.html'">
                        内容管理
                    </div>
                    <div class="nav" onclick="location.href = '/system.html'">
                        系统管理
                    </div>
                </div>
                <div class="content">
                    <button class="button" onclick="batchAddTag()">新增</button>
                    <div id="tagAddDiv" style="    margin-top: 20px;     margin-bottom: 50px;">
                        <p class="tagAddP">
                            <input type="text" class="t_name"  name="t_name" placeholder="标签名"/>
                            <input type="text" class="t_desc"  name="t_desc" placeholder="标签说明"/>
                            <button class="attBtn" onclick="addTagItem()">add</button>
                            <button onclick="delTagItem(this)">del</button>
                        </p>
                    </div>

                    <div>
                        <input type="text" id="searckTagName"/>
                        <button onclick="searchTag()">搜索</button>
                        <div id="tag_list"></div>
                    </div>

                    <div style="padding: 10px 20px; ">

                        <h3>标签表</h3>
                        <button onclick="loadTagTable()">加载标签表</button>
                        <div id="tagTableDiv">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<script type="text/javascript" src="js/tag.js"></script>
<script id="tag-button-template" type="text/x-jsrender">
        <button type="button" class="btn btn-default btn-xs" onclick="updTag(this, {{>tId }})">修改 </button>
        <button type="button" class="btn btn-default btn-xs" onclick="delTag({{>tId }})">删除</button>
    </script>
</html>